.list-type {
    // width: 90vw;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

    // border: solid red 1rpx;
    // box-sizing: border-box;

    // 伪元素占位解决最后一行对齐问题
    &::after {
        content: "";
        flex: auto; // 自动填充剩余空间
        width: 32%; // 与 .item 宽度一致
    }

    .item {
        width: 32%;
        height: 360rpx;
        margin: 10rpx 0;
        border-radius: 15rpx;
        overflow: hidden;
        position: relative;

        /* #ifdef H5 */
        cursor: pointer;
        /* #endif */

        .image {
            width: 100%;
            height: 100%;
        }

        .label {
            padding: 7rpx 10rpx;
            background-color: #ffab96;
            border-bottom-right-radius: 15rpx;

            font-size: 18rpx;
            color: #ece2df;
            font-weight: 600;

            position: absolute;
            top: 0;
            left: 0;
            z-index: 10;
        }

        .title {
            width: 100%;
            height: 60rpx;
            // background-color: rgba(0, 0, 0, 0.2);
            background-color: rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(20rpx); // 背景添加高斯模糊，创造“毛玻璃”效果

            font-size: 28rpx;
            color: #ece2df;
            font-weight: 600;

            display: grid;
            place-content: center;

            position: absolute;
            bottom: 0;
            z-index: 10;

            /* #ifdef H5 */
            transition: 1s;
            /* #endif */
        }
    }

    /* #ifdef H5 */
    .item:hover .title {
        height: 100%;
    }
    /* #endif */

    // 选中​每行 ​非第3个​​的项目
    .item:not(:nth-child(3n)) {
        margin-right: calc(4% / 2);
    }

    .more {
        .title {
            width: 100%;
            height: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            .text {
                font-size: 35rpx;
                color: #ece2df;
                font-weight: 600;
            }
        }
    }
}
